<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>印象笔记</title>
    <link rel="stylesheet" type="text/css" href="../css/decribe.css">
</head>
<body>
    <div class="yinxiang">
      
        <!-- 顶部导航栏 -->
        <div class="Head">
          <div class="head">
              <ul class="head_ul">     <!--一级列表-->
                  <li class="head_ul_li_imgine">
                       <img src="../img/logo.png" class="head_ul_li_img">
                  </li> 
                  <!-- 产品栏 -->
                  <li class="head_ul_li_1">
                      <!-- 产品外显触动接口 -->
                    <ul> 
                     <div>产品<img src="../img/list.png" width="16px"> </div>
                     <!-- 产品栏框架 -->
                     <div class="productionPartO">
                      <div class="productionPartI">    
                         <!-- 产品栏第一部分 -->
                       <div class="po"> 
                        <div class="head_ul_li_ul_1">
                            <p class="head_ul_li_ul_1_tex">印象笔记</p>
                            <div class="head_ul_li_ul_1_li1">
                                <div class="abilityIntro">
                                   <img src="../img/p1.png" width="65.03px" >
                                   <div class="abilityIntroText">
                                       <div class="abilityIntroTextO">功能介绍</div>
                                       <div class="abilityIntroTextT">映像笔记功能概览</div>
                                   </div>
                                </div>
                            </div>
                            <div class="head_ul_li_ul_1_li2">
                                <div class="downloadFree">
                                   <img src="../img/p2.png" width="65.03px">
                                   <div class="downloadFreeText">
                                      <div class="downloadFreeTextO">免费下载</div>
                                      <div class="downloadFreeTextT">支持所有设备，随时随地同步</div>
                                   </div>  
                                </div>
                            </div>
                            <div class="head_ul_li_ul_1_li3">
                                <div class="vipPower">
                                   <img src="../img/p3.png" width="65.03px">
                                   <div class="vipPowerText">
                                      <div class="vipPowerTextO">会员权益</div>
                                      <div class="vipPowerTextT">选择符合需求的账户类型</div>
                                   </div>
                                </div>
                            </div>
                            <div class="head_ul_li_ul_1_a">
                                <a href="#" class="toKonw">了解映象笔记></a>
                            </div>
                        </div>
                       </div>  
                        <!-- 产品栏中间部分 -->
                        <div class="midleBlock">
                            <div class="midleIn"> 
                                <div class="container">
                                    <style>
                                        .line{
                                            border-left: 2px solid #f6f6f6;
                                            height: 358px;
                                        }
                                    </style>
                                    <div class="line"></div>
                                </div>
                            </div>
                        </div>

                        <!-- 产品栏第二部分 -->
                       <div class="pt">
                        <div class="head_ul_li_ul_2">
                          <p class="head_ul_li_ul_2_tex">周边产品</p>
                          <div class="head_ul_li_ul_2_li1">
                            <div class="cut">
                              <img src="../img/p4.png" width="65.03px">
                              <div class="cutText">
                                  <div class="cutTextO">印象笔记·剪藏</div>
                                  <div class="cutTextT">一键保存网页</div>
                              </div>
                            </div>
                          </div>  
                          <div class="head_ul_li_ul_2_li2">
                            <div class="class">
                              <img src="../img/p5.png" width="65.03px">
                              <div class="classText">
                                  <div class="classTextO">印象识堂</div>
                                  <div class="classTextT">分享常识、知识、见识</div>
                              </div>
                            </div>
                          </div>
                          <div class="head_ul_li_ul_2_li3">
                            <div class="scan">
                              <img src="../img/p6.png" width="65.03px">
                              <div class="scanText">
                                  <div class="scanTextO">印象扫译笔</div>
                                  <div class="scanTextT">映像笔记最新款智能硬件</div>
                              </div>
                            </div>
                          </div>
                          <div class="head_ul_li_ul_2_li4">
                            <div class="littlePr">
                              <img src="../img/p7.png" width="65.03px">
                              <div class="littlePrText">
                                  <div class="littlePrTextO">小程序</div>
                                  <div class="littlePrTextT">基于微信生态的Lain量级小程序</div>
                              </div>
                            </div>
                          </div>
                          <a href="#" class="head_ul_li_ul_2_a">查看更多></a>
                        </div>
                       </div>
                      </div>   
                     </div> 
                    </ul>  
                  </li>
                  <!-- 探索印象 -->
                  <li class="head_ul_li_2">探索印象</li>
                  <li class="head_ul_li_3">印象团队</li>  
                  <li id="head_ul_icon"><img src="../img/search.png" width="20px"></li>
                  <!-- 按钮 -->
                  <li id="head_ul_LoginRegist">
                      <div class="LoginRegistClick">
                           注册/登录
                      </div>
                  </li>
                  <li id="head_ul_download">
                      <div class="downloadClick">
                           下载
                      </div>
                  </li>   
              </ul>
          </div>
        </div>   
         <!-- 第一栏文本 -->
        <div class="textf_fl">
           <div class="textf_fl_">
               <p class="textf_fl_p">使用印象笔记，管理你的第二大脑</p>
           </div>
        </div>
        <div class="textf_sl">
           <div class="textf_sl_">
               <p class="textf_sl_p">随时随地获取、整理、分享笔记,让灵感时刻与你同行</p>
           </div>
        </div>
        <!-- 空白行 -->
        <div id="block"></div>
        <!-- 四宫格 -->
        <div class="fourpc">
           <div class="Nfpc">
               <div >
                 <img src="../img/use_1.png" width="160px" >
               </div>
               <div class="intro1">
                   <p class="intro1_1">多端同步</p>
                   <p class="intro1_2">随时随地查看和备份信息</p>
               </div>
           </div>
           <div class="Nspc">
               <div >
                 <img src="../img/use_2.png" width="160px" >
               </div>
               <div class="intro2">
                   <p class="intro2_1">内容收藏</p>
                   <p class="intro2_2">一键储存高价值网页和文章</p>
               </div>
           </div>
           <div class="Ntpc">
               <div >
                 <img src="../img/use_3.png" width="160px" >
               </div>
               <div class="intro3">
                   <p class="intro3_1">资料管理</p>
                   <p class="intro3_2">全面支持Office、PDF等格式</p>
               </div>
           </div>
           <div class="Nfopc">
               <div >
                 <img src="../img/use_4.png" width="160px" >
               </div>
               <div class="intro4">
                   <p class="intro4_1">信息共享</p>
                   <p class="intro4_2">快捷共享笔记，高效完成写作</p>
               </div>
           </div>
        </div>
      <!-- 第二栏文本 -->
      <div class="texts_fl">
           <div class="texts_fl_">
               <p class="texts_fl_p">让生活更有序，让工作更高效，让协作更便捷</p>
           </div>
      </div>
      <div class="texts_sl">
           <div class="texts_sl_">
               <p class="texts_sl_p">帮助个人及团队保存高价值信息、整理知识、有效协作，让印象笔记成为你的[第二大脑]！</p>
           </div>
      </div>
    <!-- 两框图 -->
      <div class="twopcPart">
          <!-- 第一个区域 -->
          <div class="part_o">
              <!-- 一区图片 -->
              <div class="twopc_f">
                  <img src="../img/work_1.png" width="480px">
              </div>
              <!-- 一区文本 -->
              <div class="Po_text_f">
                  <p>轻松收集一切</p>
              </div>
              <div class="Po_text_s">
                  <p>无论是点滴灵感、待办清单、或者会议记录、项目资料、高价值文章，你可以用印象笔记保存一切。笔记会自动同步到所有设备：手机、电脑、平板，多终端一键同步！</p>
              </div>
              <div class="Po_Link">
                  <a href="#">了解详情></a>
                  <a href="#">免费下载></a>
              </div>
          </div> 
          
          <!-- 第二个区域 -->
          <div class="part_t">
              <!-- 二区图片  -->
              <div class="twopc_s">
                <img src="../img/work_2.png" width="480px">
              </div>
              <!-- 二区文本 -->
              <div class="Pt_text_f">
                  <p>有序整理信息</p>
              </div>
              <div class="Pt_text_s">
                  <p>从文字、图片、录音、清单到网页、思维导图、文档和附件，支持丰富的文件格式，帮你妥帖保存。搭配智能搜索功能，文字、图片甚至附件中的文字皆可迅速锁定。</p>
              </div>
              <div class="Pt_Link">
                  <a href="#">了解详情></a>
                  <a href="#">免费下载></a>
              </div>
          </div>  
      </div>  
        <!-- 底部   -->
      <div class="bot">
          <div class="Po">
              <img src="../img/section3.png" width="650px">
          </div>
          <div class="tex">
              <p class="texpc_o">使用印象笔记,高效记录一切</p>
              <p class="texpc_t">支持所有设备,随时随地保持高效</p> 
              <div class="click">
                  <a href="#">
                      <span></span>
                  </a>
              </div>
          </div>
      </div>
    </div>  
</body>
</html>


